<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>优惠券添加</title>

    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/mui.min.css">
    <!--<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">-->

    <link href="css/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet">
    <link href="css/coupon-add.css" rel="stylesheet">
    <link type="text/css" href="css/reset.css" rel="stylesheet"/>
    <!--标准mui.css-->
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/core.js"></script>
</head>
<body>
<div>
    <a class=" btn btn-inline btn-sm dz-message drop-a" href="coupon_list.html" style="font-size: 16px;text-decoration:underline">优惠券列表</a>
</div>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title=""></i>
        </a>
        <h1 class="p_width">优惠券添加</h1>
    </header>
</div>
<form id="coupon-form">
<div class="fabu">

    <ul>
        <li class="clearfix">
            <label>优惠券名称</label>
            <input type="text" placeholder="请输入名称" id="title" required="true">
        </li>
        <li>
            <label>优惠券类型</label>
            <div class="fabu fl" style="width: 70%; padding: 0;">
                <ul class="clearfix">
                    <li style="float: left;width: 50%;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="coupon_type" type="radio" value="1" checked>
                            <span class="jfw_xm">无门槛抵扣</span>
                        </div>
                    </li>

                    <li style="float: left;width: 50%;border: none;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="coupon_type" type="radio" value="2">
                            <span class="jfw_xm">满减</span>
                        </div>
                    </li>
                </ul>
            </div>
        </li>
        <li id="li-reachAmount" class="clearfix" style="display: none">
            <label>满减条件金额</label>
            <input class="numbersOnly" type="text" placeholder="请输入满减条件金额（满XX）" id="reachAmount" required="true">
        </li>
        <li class="clearfix">
            <label>优惠券面值</label>
            <input class="numbersOnly" type="text" placeholder="请输入优惠额度" id="denomination" required="true">
        </li>
        <li class="clearfix">
            <label>适用会员类型</label>
            <div class="fabu fl" style="width: 70%; padding: 0;">
                <ul class="clearfix">
                    <li style="float: left;width: 50%;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="limitMember" type="radio" value="1" checked>
                            <span class="jfw_xm">全部会员可用</span>
                        </div>
                    </li>

                    <li style="float: left;width: 50%;border: none;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="limitMember" type="radio" value="2">
                            <span class="jfw_xm">仅限彩虹会员</span>
                        </div>
                    </li>
                </ul>
            </div>
        </li>
        <li class="clearfix">
            <label>设置有效期方式</label>
            <div class="fabu fl" style="width: 70%; padding: 0;">
                <ul class="clearfix">
                    <li style="float: left;width: 50%;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="validConf" type="radio" value="1" checked>
                            <span class="jfw_xm">发放后计算有效天数</span>
                        </div>
                    </li>

                    <li style="float: left;width: 50%;border: none;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="validConf" type="radio" value="2">
                            <span class="jfw_xm">设置具体到期时间</span>
                        </div>
                    </li>
                </ul>
            </div>
        </li>
        <li id="li-validityDays" class="clearfix">
            <label>发放后有效天数</label>
            <input class="numbersOnly" type="text" placeholder="请输入有效天数" id="validityDays" >
        </li>
        <li id="li-expireTime" class="clearfix" style="display: none">
            <label>有效期到期时间</label>
            <input  type="text" placeholder="点击选择到期时间" id="expireTime" readonly >
        </li>
        <li class="clearfix">
            <label>优惠券发放标识</label>
            <div class="fabu fl" >
                <ul class="clearfix">
                    <li style="float: left;width: 50%;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="diffTag" type="radio" value="1" checked>
                            <span class="jfw_xm">普通优惠券</span>
                        </div>
                    </li>

                    <li style="float: left;width: 50%;border: none;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="diffTag" type="radio" value="2">
                            <span class="jfw_xm">注册自动发放</span>
                        </div>
                    </li>
                    <li style="float: left;width: 50%;border: none;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="diffTag" type="radio" value="3">
                            <span class="jfw_xm">分享邀请下载</span>
                        </div>
                    </li>
                    <li style="float: left;width: 50%;border: none;height: 47px;">
                        <div class="mui-input-row mui-radio mui-left">
                            <input style="top: 3px;" name="diffTag" type="radio" value="4">
                            <span class="jfw_xm">分享到朋友圈</span>
                        </div>
                    </li>
                </ul>
            </div>
        </li>

    </ul>
</div>
</form>
<div class="mid-width" style="margin-top: 15px">
    <input type="button" style="margin-top: 0 !important;" class="p_button" value="保存"  onclick="submit()">
</div>

<!--alert-beautify-->
<script src="js/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<!--自己加的美化alert、confirm配置-->
<script src="js/alert-beautify.js"></script>
<!-- layerDate plugin javascript -->
<script src="js/plugins/laydate/laydate.js"></script>

<script src="js/coupon_add.js"></script>

</body>
</html>